<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>巩义的纪委</title>
    <link rel="stylesheet" href="./css/heard.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/video.css">
    <link rel="stylesheet" href="./css/idangerous.swiper.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="zone ">
            <div class="logo1 lg11">
                <img src="./imags/logo-01.png" alt="">
                <b>中共巩义市纪律检查委员会</b>
            </div>
            <div class="logo1 lg12">
                <img src="./imags/logo-02.png" alt="">
                <b>巩义市监察委员会</b>
            </div>
        </div>
    </header>
    <!-- 导航 -->
    <nav>
        <div class="zone1">
            <div></div>
            <div class="zonav">
                <a href="###">网站首页</a>
                <a href="###">工作动态</a>
                <a href="###">审查调查</a>
                <a href="###">巡视巡查</a>
                <a href="###">宣传教育</a>
                <a href="###">党纪法规</a>
                <a href="###">信访举报</a>
                <a href="###">专题专栏</a>
                <a href="###">纪检人·镜头</a>
            </div>
            <div></div>
        </div>
    </nav>
    <!-- 内容 -->
    <section>
        <div class="zosec">
            <div class="zoslun clear">
                <!-- 轮播 -->
                <div class="zosone clear">
                    <div class="zossp1 clear">
                        <span>
                    今天是2019年1月09日 星期三 郑州
                  </span>
                        <span>小雪0°C~-5°C</span>
                    </div>
                    <div class="zossp2">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide red-slide">
                                    <div class="title"><img src="./imags/inx-01.jpg" alt=""></div>
                                </div>
                                <div class="swiper-slide blue-slide">
                                    <div class="title"><img src="./imags/inx-01.jpg" alt=""></div>
                                </div>
                                <div class="swiper-slide orange-slide">
                                    <div class="title"><img src="./imags/inx-01.jpg" alt=""></div>
                                </div>
                            </div>
                            <div class="pagination"></div>
                        </div>
                        <div class="zossp3">学习贯彻监督执纪工作规则①把纪检检察权力关进制度笼子</div>
                    </div>
                </div>
                <div class="zosone1">
                    <div class="zsou fudong">
                        <input type="text" placeholder="请输入关键字">
                        <div class="zsbtn">
                            搜索
                        </div>
                    </div>
                    <div class="zsou1">
                        <ul>
                            <li>
                                <p>监督积极工作规则随手阅</p>
                            </li>
                            <li>
                                <p>学习贯彻监督执纪工作规则①把纪检检察权力关进制度笼子</p>
                            </li>
                            <li>
                                <p>中共中央办公印发《中国共产党纪律检查机关监督执纪工作规则》</p>
                            </li>
                            <li>
                                <a>更多></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="zosta clear">
                <div class="zos1">
                    <!-- 1 -->
                    <div class="zos1g">
                        <div class="zos1g1">
                            <span class="xiusp1">工作动态</span>
                            <span class="xiusp2"><a href="###">更多></a></span>
                        </div>
                        <ul class="zos1ul">
                            <li>
                                <em>·</em>监督积极工作规则随手阅
                            </li>
                            <li>
                                <em>·</em>监督积极工作规则随手阅
                            </li>
                            <li>
                                <em>·</em>监督积极工作规则随手阅
                            </li>
                            <li>
                                <em>·</em>监督积极工作规则随手阅
                            </li>
                            <li>
                                <em>·</em>监督积极工作规则随手阅
                            </li>
                            <li>
                                <em>·</em>监督积极工作规则随手阅
                            </li>
                        </ul>
                    </div>
                    <div class="xiu">
                        <div class="xiu1">
                            <span class="xiusp1">信访举报</span>
                            <span class="xiusp2"><a href="###">更多></a></span>
                        </div>
                        <div class="zos1sp1">
                            <span class="zss1sp1"><i><img src="./imags/bg-01.png" alt=""></i>举报之南</span>
                            <span class="zss1sp2"><i><img src="./imags/bg-02.png" alt=""></i>举报之南</span>
                            <span class="zss1sp3"><i><img src="./imags/bg-03.png" alt=""></i>举报之南</span>
                            <span class="zss1sp4"><i><img src="./imags/bg-04.png" alt=""></i>举报之南南稍</span>
                        </div>
                        <ul class="zos1ul zos1ul1">
                            <li>
                                监督积极:工作规则随<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 监督积极:工作规则随
                            </li>
                            <li>
                                监督积极:工作规则随手阅
                            </li>
                            <li>
                                监督积极:工作规则随手阅
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="zosta clear">
                <!-- 2 -->
                <div class="zos1g">
                    <div class="zos1g1">
                        <span class="xiusp1">纪检人·镜头</span>
                        <span class="xiusp2"><a href="###">更多></a></span>
                    </div>
                    <div class="zos1g2 fudong">
                        <img src="./imags/inx-03.jpg" alt="">
                        <p>
                            <b>用权不可任性 监督就在身边</b><br> 本片由监督积极工作规则随手阅监督积极工作规则随手阅，监督积极工作规则随手阅监督积极工作规则随手阅，监督积极工作规则随手阅监督积极工作规则随手阅，本片由监督积极工作规则随手阅监督积极工作规则随手阅，
                        </p>
                    </div>
                </div>
                <!-- 2 -->
                <div class="xiu">
                    <div class="xiu1">
                        <span class="xiusp1">专题专栏</span>
                        <span class="xiusp2"><a href="###">更多></a></span>
                    </div>
                    <ul class="zos1ul zos1ul2">
                        <li>
                            <img src="./imags/inx-04.jpg" alt="">
                        </li>
                        <li>
                            <img src="./imags/inx-04.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="zosta clear">
                <!-- 3 -->
                <div class="zos1g">
                    <div class="zos1g1">
                        <span class="xiusp1">审查调查</span>
                        <span class="xiusp2"><a href="###">更多></a></span>
                    </div>
                    <ul class="zos1ul">
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                    </ul>
                </div>
                <!-- 3 -->
                <div class="xiu">
                    <div class="xiu1">
                        <span class="xiusp1">专题专栏</span>
                        <span class="xiusp2"><a href="###">更多></a></span>
                    </div>
                    <ul class="zos1ul zos1ul3">
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                    </ul>
                </div>
            </div>
            <div class="zosta clear">
                <!-- 4 -->
                <div class="zos1g">
                    <div class="zos1g1">
                        <span class="xiusp1">宣传教育</span>
                        <span class="xiusp2"><a href="###">更多></a></span>
                    </div>
                    <ul class="zos1ul">
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                    </ul>
                </div>
                <!-- 4 -->
                <div class="xiu">
                    <div class="xiu1">
                        <span class="xiusp1">专题专栏</span>
                        <span class="xiusp2"><a href="###">更多></a></span>
                    </div>
                    <ul class="zos1ul">
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                        <li>
                            <em>·</em>监督积极工作规则随手阅
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 自办媒体 -->
            <div class="inxmei">
                <div>
                    <img src="./imags/inx-05.jpg" alt="">
                </div>
            </div>
            <!-- 友情链接 -->
            <div class="inxyou">
                <div class="inxy1">
                    友情链接
                </div>
                <div class="inxy2">
                    <div></div>
                    <div>
                        <span><a href="###">全国纪检查网站</a></span>
                        <span><a href="###">全国纪检查网站</a></span>
                        <span><a href="###">全国纪检查网站</a></span>
                        <span><a href="###">全国纪检查网站</a></span>
                    </div>
                    <div></div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="zog-bto">
            <div class="zhong-bottom">
                <p class="zog-btop1">Copyright 2018 版权所有 ：巩义市纪委监委</p>
                <p class="zog-btop2">中共巩义市纪律检查委员会 巩义市监察委员会 主办

                </p>
                <p>豫ICP备080007833号 访问54553次</p>
                <img class="zhong" src="./imags/38.png" alt="">
            </div>
        </div>
    </footer>
</body>

</html>
<script src="./js/jquery-1.10.1.min.js"></script>
<script src="./js/idangerous.swiper.min.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        pagination: '.pagination',
        paginationClickable: true,
        moveStartThreshold: 100,
        speed: 2000,
        loop: true,
        observer: true,
        observeParents: true,
        autoplayDisableOnInteraction: false,
        autoplay: 3000
    })
</script>